import React, { Component, useEffect, useReducer } from 'react';


function Child() {
    useEffect(() => {
      console.log('Child');
    }, [])
    return <h1>child</h1>;
  }
  
  function Father() {
    useEffect(() => {
      console.log('Father');
    }, [])
  
    return <Child/>;
  }
  
  function App() {
    useEffect(() => {
      console.log('App');
    }, [])
  
    return <Father/>;
  }

  export default App;